@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Sans+Mono|Droid+Serif:400,700,400italic,700italic|Neuton|Paytone+One|Reenie+Beanie&subset=latin,latin-ext);

::-moz-selection {
  background: #4d90f0;
  color: #fff;
  text-shadow: inherit;
}

::selection {
  background: #4d90f0;
  color: #fff;
  text-shadow: inherit;
}

.chunk-stack {
  // We don't actually have one... but if we did!
  font-family: 'Droid Sans', sans-serif;
}

.home {
  > article {
    // Image border on the bottom of all slides.
    border-bottom-width: 11px;
    -webkit-border-image: url('../../images/border.png') 0 0 11 0 stretch stretch;
    -moz-border-image: url('../../images/border.png') 0 0 11 0 stretch stretch;
    -o-border-image: url('../../images/border.png') 0 0 11 0 stretch stretch;
    border-image: url('../../images/border.png') 0 0 11 0 stretch stretch;
  }
}

body {
  font-family: 'Droid Sans', sans-serif;

  > footer {
    height:100px;
    line-height:60px;
    font-size:32px;
    background:transparent;
    
    > p {
      float:left;
      font-family: 'Droid Sans', sans-serif;
      
      > .green {
        color: #2c9d40;
      }
      > .bold {
        font-weight: bold;
      }
      > .left-border {
        display: inline-block;
        margin-left: 5px;
        padding-left: 5px;
        border-left: 2px solid #a4a4a4;
      }
      > .gray {
        color: #737373;
      }
      > .lightgray {
        color: #a4a4a4;
      }
    }
  }
}

pre {
  border: none !important;
  font-size: 32px;
}

#intro {
  h1 {
    font-size:72px;
    font-weight:normal;
    margin-bottom:8px;
    font-family: 'Paytone One', sans-serif;
    color:#000;
    text-shadow:3px 3px 3px rgba(0,0,0,.2);
  }
  
  h1 .amp {
    font-family: 'Neuton', sans-serif;
  }
  
  h2 {
    font-size:32px;
    letter-spacing:2px;
    color:#999;
    font-weight:100;
    text-shadow:1px 1px 1px #fff;
  }
  
  .shifted {
    margin-right: 250px;
  }
  
  .insert-text {
    font-family: 'Reenie Beanie', cursive;
    font-size:32px;
    letter-spacing:2px;
    color:#900;
    font-weight: bold;
    text-shadow:1px 1px 1px #fff;
  }
  
  .sub {
    display: inline-block;
    position: relative;
    top: 20px;
    vertical-align: sub;
  }
}

.deck-container {
  font-family: "Helvetica Neue", sans-serif;
  font-size:1.25em;
  background:#fff;
  
  .slide {
    background:#fff;
  }
  
  h1 {
    color:#000;
  }

  h2 {
    color:#c00;
    border-bottom-color:#ccc;
  }

  h3 {
    color:#888;
  }

  pre {
    border-color:#ccc;
  }

  code {
    color:#888;
  }

  blockquote {
    font-size:2em;
    font-style:italic;
    padding:1em 2em;
    color:#000;
    border-left:5px solid #ccc;

    p {
      margin:0;
    }

    cite {
      font-size:.5em;
      font-style:normal;
      font-weight:bold;
      color:#888;
    }
  }
  
  ::-moz-selection{ background:#c00; color:#fff; }
  ::selection { background:#c00; color:#fff; }
  
  a {
    &, &:hover, &:focus, &:active, &:visited {
      color:#c00;
      text-decoration:none;
    }
    
    &:hover, &:focus {
      text-decoration:underline;
    }
  }
  
  .deck-prev-link, .deck-next-link {
    background:#ccc;
    font-family:serif; // sans-serif arrows x-browser fail
    
    &, &:hover, &:focus, &:active, &:visited {
      color:#fff;
    }
    
    &:hover, &:focus {
      background:#c00;
      text-decoration:none;
    }
  }
  
  .deck-status {
    font-size:0.6666em;
  }
  
  &.deck-menu {
    .slide {
      background:#eee;
    }
    
    .deck-current {
      background:#ddf;
    }
  }
}
